<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>设备设施故障率分析</title>
<jsp:include page="./common.jsp"></jsp:include>
<script type="text/javascript">
$(function () {
var chart = Highcharts.chart('container', {
    chart: {
        type: 'spline'
    },
    title: {
        text: '设备设施故障率分析表'
    },
    xAxis: {
    	 categories: ['一月', '二月', '三月', '四月', '五月', '六月',
                      '七月', '八月', '九月', '十月', '十一月', '十二月']
    },
    yAxis: {
        title: {
            text: '故障率'
        },
        labels: {
            formatter: function () {
                return this.value + '%';
            }
        }
    },
    tooltip: {
        crosshairs: true,
        shared: true
    },
    plotOptions: {
        spline: {
            marker: {
                radius: 4,
                lineColor: '#666666',
                lineWidth: 1
            }
        }
    },
    series: [{
        name: '故障率',
        marker: {
            symbol: 'square'
        },
        data: [0.01, 0.03, 0.15, 0.2, 0.18, 0.08, 0.14,0.1, 0.06,0.15, 0.09, 0.04]
    }]
});
});
</script>
</head>
<body>
		<div id="container" style="min-width:100px;height:400px"></div>
        <table id="tb_departments" class="table table-bordered">
        	<tr  align="center">
        		<td >月</td>
        		<td >1月</td>
        		<td >2月</td>
        		<td >3月</td>
        		<td >4月</td>
        		<td >5月</td>
        		<td >6月</td>
        		<td >7月</td>
        		<td >8月</td>
        		<td >9月</td>
        		<td >10月</td>
        		<td >11月</td>
        		<td >12月</td>
        	</tr>
        	<tr>
        		<td >故障率</td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        	</tr>
        	<tr>
        		<td >故障时间</td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        	</tr>
        	<tr>
        		<td >启动时间</td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        	</tr>
        	<tr>
        		<td >主要故障原因</td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        	</tr>
        	
        </table>
        
        
</body>
</html>